<template>
	<view class="all">
		<u-search placeholder="请输入网址" v-model="value"  @search="sousou" @custom="custom" :clearabled="true"></u-search>
		<view class="history">
			热门搜索
		</view>
		<view class="record" v-for="(item,index) in url" :key="index">
			<view class="p">{{item}}</view>
			<view @click="copy(item)" class="record_btn">复制</view>
		</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				title: '搜索',
				value:"",
				url:["https://tron.network/trx?lng=zh","https://filfox.info/zh","https://blockchair.com/zh/ripple","https://etherscan.io/"]
			}
		},
		methods:{
			copy(value){
			  //提示模板
			  uni.showModal({
			    content:value,//模板中提示的内容
			    confirmText:'复制内容',
			    success:()=>{//点击复制内容的后调函数
			      //uni.setClipboardData方法就是讲内容复制到粘贴板
			      uni.setClipboardData({
			        data:value,//要被复制的内容
			        success:()=>{//复制成功的回调函数
			          uni.showToast({//提示
			            title:'复制成功'
			          })
			        }
			      });
			    }
			  });
			},
			custom(value){
				let reg=/^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+).)+([A-Za-z0-9-~\/])+$/;
				let _this=this
				let url=_this.$db.get('url')
				_this.$db.set('url', url)
				if(!reg.test(value)){
					uni.showToast({
						title: '请输入以http://或https://开头的网址',
						icon:"none"
					})
				}else{
					uni.navigateTo({
						url:"./http?url="+value
					})
					// uni.showToast({
					// 	title: '成功',
					// 	icon:"none"
					// })
					// console.log(value)
					// let a=_this.$db.get('url')
					// a.push(value)
					// _this.$db.set('url', a)
					// console.log(_this.$db.get('url'))
				}
			}
		}
	}
</script>

<style lang="less">
	.history{
		margin-top: 50rpx;
	}
	.record{
		display: flex;
		justify-content: space-between;
		align-items:center;
		padding: 0 40rpx;
		.p{
			width: 80%;
			background: #F3F3F3;
		}
		.record_btn{
			width: 20%;
			height: 60rpx;
			font-size: 28rpx;
			line-height: 60rpx;
			border: none;
			text-align: center;
		}
	}
</style>
